@import url("~assets/less/index.less");
.daytime {
  background: #fff;
  color: black;
}
.van-tabs__nav--card .van-tab.van-tab--active {
    color: #fff;
    background-color: #daab51;
}
.van-tabs__nav--card .van-tab {
    border-right: 0.026667rem solid #daab51;
}
.van-tabs__nav--card .van-tab {
    color: #daab51;
}
.van-tabs__nav--card {
    border: 0.026667rem solid #daab51;
}
.active1{
  background: #121212;color:#fff;
}
.darknight {
  background: #191B27!important;
  color:#fff;
  .moomoo_mod_nav{
    background: #191B27!important;

  }
  .van-tabs__nav--card {
      border: 0.026667rem solid #000000;
  }
  .van-tab{
    background-color: #000000 ;color: #fff;
  }
  .van-tabs__nav--card .van-tab {
      border-right: 0.026667rem solid  #191b27;
  }
  .van-tabs__nav--card .van-tab.van-tab--active {
      color: #fff;
      background-color: #191b27;
  }
  .register_box_desc > h2{
    color:#fff;
  }
  .register_box_form .van-form > div .van-cell input{
    background-color: #000000 !important;color:#fff;
  }
  .register_box_form .submit_btn .van-button{
    background-color: #000000 !important;
  }
/deep/.van-cell{
   background-color: #000000 !important;
  }
  /deep/.moomoo_mod_nav{
    background-color: #191B27 !important
  }
  /deep/.share_mod_box_content{
    background-color: #000000 !important
  }
  /deep/.van-field__control {
    color: #DDE2EC !important;
}
/deep/.van-tabs__nav--card{
  border-color: #000000 !important;
}
/deep/.exchange_mod_box_exchange-info{
  background-color: #000000 !important;
}
  /deep/.van-tab--active {
    background-color: #000000 !important;
    color: #fff !important;

  }
  /deep/.order_mod_box_list_info{
    background-color: #000000 !important;
  }
.van-tabs__line{background-color:#fff;}
  /deep/.payment_mod_box_list{background-color:#000000 !important;}
  /deep/.van-popup,.van-picker{
    background-color: #000000 !important
  }
  /deep/.moomoo-bottom-submit{
    background-color: #191B27 !important
  }
  /deep/p,span,.color{color:#fff!important;}
  /deep/.van-picker__mask{
    background-image: unset!important
  }
  /deep/.share_mod_box_content h1{
    color: #fff !important;
  }
  /deep/.van-tab--active .van-tab__text--ellipsis{
    color: #fff !important;

  }
  /deep/.van-tab__text--ellipsis{
    color:#000;
  }
  /deep/.van-ellipsis{
    color:#fff;
  }
  /deep/.financial_mod_box_list > div{
    background: #000000 !important;color: #fff!important;
  }
  /deep/.financial_mod_box_list > div .list_data_desc h2{
    color: #fff!important;
  }
  /deep/.van-uploader__upload{
     background-color: #000000 !important
  }
  /deep/.van-button{
        background-color: #191b27  !important;border-color: #000000 !important;
  }
}

.dark_li_color {
  /deep/.van-field__control {
    color: #DDE2EC !important;
  }

  background: #000000 !important;color: #fff!important;
}
.white{color:#fff!important;}
.order_mod {
  min-height: 100vh;
  background-color: #F3F3F3;

  &_box {
    padding: 0 12px;

    &_list {
      &_info {
        margin-top: 12px;
        height: 164px;
        border-radius: 4px;
        background-color: @white;
        padding: 8px 0px;

        .desc {
          display: flex;
          justify-content: space-between;
          align-items: center;
          height: 52px;
          margin-bottom: 12px;
          padding: 0 12px;

          &_left {
            img {
              width: 52px;
            }

            span {
              font-size: 16px;
              font-family: Roboto-Medium, Roboto;
              font-weight: 600;
            }
          }

          &_right {
            .van-button {
              width: 102px;
              border-radius: 4px;
              font-size: 14px;
              font-family: Roboto-Regular, Roboto;
            }
          }


        }

        .data {
          display: flex;
          margin-bottom: 8px;

          p {
            flex: 1;

            span {
              text-align: center;
              display: block;

              &:first-child {
                color: #878999;
                transform: scale(0.83);
              }

              &:nth-child(2) {
                color: #1A1A1A;
                font-family: Roboto-Regular, Roboto;
              }
            }
          }
        }
      }
    }
  }
}
